.img-upload-icon {
    transition: all 0.5s ease-out;
    position: absolute;
    z-index: 2;
    border: unset !important;
    box-shadow: unset;
    left: 65px;
    top: 112px;
    width: 208px;
    height: 208px;
    background-size: cover;
    mix-blend-mode: normal;
    background-image: url('../images/upload.png');
}
.img-upload-icon:hover {
    transition: all 0.5s ease-out;
    left: 65px;
    top: 100px;
    width: 208px;
    height: 208px;
    background-size: cover;
    mix-blend-mode: normal;
    background-image: url('../images/upload.png');
}

.file-name {
    position: absolute;
    z-index: 1;
    left: 65px; /* 与 .img-upload-icon 同样的水平位置 */
    top: 320px; /* 根据图标的底部位置调整，确保文件名显示在图标下方 */
    width: 208px; /* 与 .img-upload-icon 宽度相同 */
    text-align: center;
    font-size: 14px; /* 根据需要调整字体大小 */
    color: #333; /* 文字颜色 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submit-icon {
    position: absolute;
    z-index: 1; /* 确保按钮在图标下方 */
    left: 65px; /* 与 .img-upload-icon 同样的水平位置 */
    top: 350px; /* 根据图标的底部位置调整，确保按钮在图标正下方 */
    width: 208px; /* 如果需要与图标宽度相同，可以根据需要调整 */
    height: 40px; /* 按钮的高度 */
    background-color: #4CAF50; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    border: none; /* 无边框 */
    cursor: pointer; /* 指针光标 */
    transition: background-color 0.3s; /* 按钮背景颜色过渡效果 */
}

.submit-icon:hover {
    background-color: #45a049; /* 按钮悬停时的背景颜色 */
}